<template>
  <div id='app'>
    <van-nav-bar title="已购课程"/>
    <course-content-list :fetchData="loadCourseMethod"></course-content-list>
    <layout-footer></layout-footer>
  </div>
</template>

<script>
import LayoutFooter from '@/components/LayoutFooter'
import CourseContentList from '@/components/CourseContentList.vue'
import { getPurchaseCourse } from '@/services/course'

export default {
  components: {
    LayoutFooter,
    CourseContentList
  },
  data () {
    return {

    }
  },
  methods: {
    loadCourseMethod () {
      return getPurchaseCourse()
    }
  }
}

</script>
<style scoped>
.course-content-list{
  top: 50px;
  bottom: 50px;
}
</style>
